﻿
<html>

<head>

<link rel="stylesheet" type="text/css" href="css/principal.css"/>

<title>GESTIÓN DE SOCIOS</title>
<!--Primer encabezado, que tendrá algún logotipo de la asociación-->
<div align="center" id="Cabecera" class="Cabecera">
		<h1 id="Logotipo" class="Logotipo">
		<br>LOGOTIPO
		</h1>
</div>

</head>

<body>

<!--Segundo encabezado, que tendrá una imagen de fondo representativa de la asociación y un menú principal-->
<div id="Menu1" class="Menu1">
	<form action="" method="post" id="Botones" class="Botones">
		<button name="Abutton1" class="BtMenu">Opción1</button>
		<button name="Abutton2" class="BtMenu">Opción2</button>
		<button name="Abutton3" class="BtMenu">Opción3</button>
		<button name="Abutton4" class="BtMenu">Opción4</button>
		<button name="Abutton5" class="BtMenu">Opción5</button>
	</form>
		<h1 id="Imagen" class="ImgRep">
		IMAGEN REPRESENTATIVA
		</h1>
</div>

<!--Cuerpo, que tendrá un menú secundario, un frame y además se le podrá añadir algún otro tipo de información-->
<div id="Cuerpo" class="Cuerpo">
	<form method="post" id="Menu2" class="Menu2">
		<button name="Abutton6" class="BtMenuLateral">Opción1</button>
		<button name="Abutton7" class="BtMenuLateral">Opción2</button>
		<button name="Abutton8" class="BtMenuLateral">Opción3</button>
		<button name="Abutton9" class="BtMenuLateral">Opción4</button>
		<button name="Abutton10" class="BtMenuLateral">Opción5</button>
		<button name="Abutton11" class="BtMenuLateral">Opción6</button>
		<button name="Abutton12" class="BtMenuLateral">Opción7</button>
		<button name="Abutton13" class="BtMenuLateral">Opción8</button>
		<button name="Abutton14" class="BtMenuLateral">Opción9</button>
		<button name="Abutton15" class="BtMenuLateral">Opción10</button>
	</form>
	<iframe id="Frame" name="I1" class="I1"></iframe>
</div>

<!--Pie de página, que contiene enlaces para acceder a datos del propietario-->
<div id="Pie" class="Pie">
	<div class="Contacto">
		<a href="index.htm">Contáctanos</a>
	</div>
	<div class="Conocenos">
		<a href="index.htm">Conócenos</a>
	</div>
	<div class="Donde">
		<a href="index.htm">Dónde estamos</a>
	</div>
</div>
	
</body>

</html>
